<!DOCTYPE html>
<html>

	<head>
		<title>业务指南</title>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

		<link rel="stylesheet" type="text/css" href="css/lib/weui.min.css" />
		<link rel="stylesheet" type="text/css" href="css/lib/jquery-weui.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/pages/guide.css" />
	</head>

	<body>

		<div class="page-body">
			<div class="weui-tab">
				<div class="weui-navbar">
					<a class="weui-navbar__item weui-bar__item--on" href="#tab1">
						报销指南
					</a>
					<a class="weui-navbar__item" href="#tab2">
						办事流程
					</a>
					<a class="weui-navbar__item" href="#tab3">
						常见问答
					</a>
				</div>
				<div class="weui-tab__bd">
					<div id="tab1" class="weui-tab__bd-item weui-tab__bd-item--active">
						<div class="weui-btn-area">
							<input class="weui-input search-input" type="text" placeholder="请输入您所需要查询的内容">
							<img src="img/search.png" class="search-icon" />
						</div>

						<div class="weui-grids" style='margin-top: 20px;'>
							<a href="billSpecification.html" class="weui-grid js_grid">
								<div class="weui-grid__icon">
									<img src="img/icon/icon-ticket.png" alt="">
								</div>
								<p class="weui-grid__label">
									票据规范
								</p>
							</a>
							<a href="approvalProcess.html" class="weui-grid js_grid">
								<div class="weui-grid__icon">
									<img src="img/icon/icon-writer.png" alt="">
								</div>
								<p class="weui-grid__label">
									审批程序
								</p>
							</a>
							<a href="classifiedService.html" class="weui-grid js_grid">
								<div class="weui-grid__icon">
									<img src="img/icon/icon-filefolder.png" alt="">
								</div>
								<p class="weui-grid__label">
									分类业务
								</p>
							</a>
							<a href="businessTravelCalc.html" class="weui-grid js_grid">
								<div class="weui-grid__icon">
									<img src="img/icon/icon-passport.png" alt="">
								</div>
								<p class="weui-grid__label">
									差旅标准计算器
								</p>
							</a>
							<a href="goAbroadCalc.html" class="weui-grid js_grid">
								<div class="weui-grid__icon">
									<img src="img/icon/icon-plane.png" alt="">
								</div>
								<p class="weui-grid__label">
									因公临时出国开支标准计算器
								</p>
							</a>
							<a href="hireExpertCalc.html" class="weui-grid js_grid">
								<div class="weui-grid__icon">
									<img src="img/icon/icon-expert.png" alt="">
								</div>
								<p class="weui-grid__label">
									聘请外籍专家资助标准计算器
								</p>
							</a>
							<a href="serviceChargeCalc.html" class="weui-grid js_grid">
								<div class="weui-grid__icon">
									<img src="img/icon/icon-head.png" alt="">
								</div>
								<p class="weui-grid__label">
									劳务费计算器
								</p>
							</a>
							<a href="personalTaxCalc.html" class="weui-grid js_grid">
								<div class="weui-grid__icon">
									<img src="img/icon/icon-tax.png" alt="">
								</div>
								<p class="weui-grid__label">
									劳务个税计算器
								</p>
							</a>
							<a href="expensesList.html" class="weui-grid js_grid">
								<div class="weui-grid__icon">
									<img src="img/icon/icon-standard.png" alt="">
								</div>
								<p class="weui-grid__label">
									各类开支标准
								</p>
							</a>

						</div>

					</div>

					<div id="tab2" class="weui-tab__bd-item">
						<div class="weui-btn-area">
							<input class="weui-input search-input" type="text" placeholder="请输入您所需要查询的内容">
							<img src="img/search.png" class="search-icon" />
						</div>
						<div class="weui-panel">
							<div class="weui-media-box weui-media-box_small-appmsg">
								<div class="weui-cells">
									<a class="weui-cell weui-cell_access" href="article.html">
										<div class="weui-cell__bd weui-cell_primary">
											<p class="center-list-txt">档案查阅</p>
										</div>
										<span class="weui-cell__ft"></span>
									</a>
									<a class="weui-cell weui-cell_access" href="shoucang.html">
										<div class="weui-cell__bd weui-cell_primary">
											<p class="center-list-txt">科研结题</p>
										</div>
										<span class="weui-cell__ft"></span>
									</a>
									<a class="weui-cell weui-cell_access" href="address_list.html">
										<div class="weui-cell__bd weui-cell_primary">
											<p class="center-list-txt">科研经费预算调整</p>
										</div>
										<span class="weui-cell__ft"></span>
									</a>
									<a class="weui-cell weui-cell_access" href="card.html">
										<div class="weui-cell__bd weui-cell_primary">
											<p class="center-list-txt">科研课题立项</p>
										</div>
										<span class="weui-cell__ft"></span>
									</a>
									<a class="weui-cell weui-cell_access" href="password.html">
										<div class="weui-cell__bd weui-cell_primary">
											<p class="center-list-txt">年度预算</p>
										</div>
										<span class="weui-cell__ft"></span>
									</a>
									<a class="weui-cell weui-cell_access" href="login.html">
										<div class="weui-cell__bd weui-cell_primary">
											<p class="center-list-txt">票据开具</p>
										</div>
										<span class="weui-cell__ft"></span>
									</a>
									<a class="weui-cell weui-cell_access" href="login.html">
										<div class="weui-cell__bd weui-cell_primary">
											<p class="center-list-txt">预算调整</p>
										</div>
										<span class="weui-cell__ft"></span>
									</a>
									<a class="weui-cell weui-cell_access" href="login.html">
										<div class="weui-cell__bd weui-cell_primary">
											<p class="center-list-txt">预算追加</p>
										</div>
										<span class="weui-cell__ft"></span>
									</a>
								</div>
							</div>
						</div>

					</div>

					<div id="tab3" class="weui-tab__bd-item">
						<div class="weui-btn-area weui-flex">
							<input class="weui-input search-input" type="text" placeholder="问题搜索">
							<img src="img/email.png" class="email-icon" />
						</div>

						<div class="weui-cells">
							<a class="weui-cell weui-cell_access" href="record.html">
								<div class="weui-cell__hd"><img src="img/head.png" alt="" class="center-list-icon"></div>
								<div class="weui-cell__bd weui-cell_primary">
									<p class="center-list-txt">公务卡结算问题</p>
								</div>
							</a>
							<a class="weui-cell weui-cell_access" href="record.html">
								<div class="weui-cell__hd"><img src="img/head.png" alt="" class="center-list-icon"></div>
								<div class="weui-cell__bd weui-cell_primary">
									<p class="center-list-txt">差旅费报销问题</p>
								</div>
							</a>
							<a class="weui-cell weui-cell_access" href="record.html">
								<div class="weui-cell__hd"><img src="img/head.png" alt="" class="center-list-icon"></div>
								<div class="weui-cell__bd weui-cell_primary">
									<p class="center-list-txt">发票遗失问题</p>
								</div>
							</a>
							<a class="weui-cell weui-cell_access" href="record.html">
								<div class="weui-cell__hd"><img src="img/head.png" alt="" class="center-list-icon"></div>
								<div class="weui-cell__bd weui-cell_primary">
									<p class="center-list-txt">网络购物问题</p>
								</div>
							</a>
						</div>

					</div>
				</div>
			</div>
		</div>

		<script src="js/lib/jquery-2.1.4.js"></script>
		<script src="js/lib/jquery-weui.js"></script>
	</body>

</html>